<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="collect">
        <!-- <div class="bg_heard">
           
            <div class="attention_heard">
                <ul class="attention_nav">
                    <li class="">
                        <a href="./attention.html">关注</a>
                    </li>
                    <li class="">
                        <a href="./nearby.html">附近</a>
                    </li>
                    <li class="active">
                        <a href="./collect.html">收藏</a>
                    </li>
                    <li>
                        <a href="#">个人动态</a>
                    </li>
                </ul>
                <div class="add">
                    <a href="./add.html"> 添加 +
                    </a>
                </div>
            </div>
        </div> -->
        <div class="bg_main">
            <!-- 用户头像 -->
            <ul class="attention_usear">
                <li>
                    <div class="head_portrait">
                        <img src="../imgs/dog.jpg">
                        <div class="text">
                            <span>用户名</span>
                            <p>XX省, XX市</p>
                        </div>

                    </div>
                    <div class="attention_btn on">
                        已关注
                    </div>
                </li>
            </ul>
            <div class="txt">
                <p>
                    有这么一bai句话：“生命在于运动。
                    du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。
                    我最喜欢的一项运动就是晨跑。<a href="#">...全部</a>
                </p>
            </div>
            <!-- 图片 -->
            <ul class="img">
                <li>
                    <img src="../imgs/dog.jpg">
                    <div class="bottom">
                        <p>4小时之前</p>
                        <p>
                            <img src="../imgs/点赞-c.png"></img>
                            <span class="num">9999</span>
                            <img src="../imgs/评论.png"></img>
                            <span>全部评论</span>
                        </p>
                    </div>
                </li>

            </ul>
        </div>


        <div class="bg_main">
            <!-- 用户头像 -->
            <ul class="attention_usear">
                <li>
                    <div class="head_portrait">
                        <img src="../imgs/dog.jpg">
                        <div class="text">
                            <span>用户名</span>
                            <p>XX省, XX市</p>
                        </div>

                    </div>
                    <div class="attention_btn on">
                        已关注
                    </div>
                </li>
            </ul>
            <div class="txt">
                <p>
                    有这么一bai句话：“生命在于运动。
                    du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。
                    我最喜欢的一项运动就是晨跑。<a href="#">...全部</a>
                </p>
            </div>
            <!-- 图片 -->
            <ul class="img">
                <li>
                    <img src="../imgs/dog.jpg">
                    <div class="bottom">
                        <p>4小时之前</p>
                        <p>
                            <img src="../imgs/点赞-c.png"></img>
                            <span class="num">9999</span>
                            <img src="../imgs/评论.png"></img>
                            <span>全部评论</span>
                        </p>
                    </div>
                </li>

            </ul>
        </div>

        <div class="bg_main">
            <!-- 用户头像 -->
            <ul class="attention_usear">
                <li>
                    <div class="head_portrait">
                        <img src="../imgs/dog.jpg">
                        <div class="text">
                            <span>用户名</span>
                            <p>XX省, XX市</p>
                        </div>

                    </div>
                    <div class="attention_btn on">
                        已关注
                    </div>
                </li>
            </ul>
            <div class="txt">
                <p>
                    有这么一bai句话：“生命在于运动。
                    du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。
                    我最喜欢的一项运动就是晨跑。<a href="#">...全部</a>
                </p>
            </div>
            <!-- 图片 -->
            <ul class="img">
                <li>
                    <img src="../imgs/dog.jpg">
                    <div class="bottom">
                        <p>4小时之前</p>
                        <p>
                            <img src="../imgs/点赞-c.png"></img>
                            <span class="num">9999</span>
                            <img src="../imgs/评论.png"></img>
                            <span>全部评论</span>
                        </p>
                    </div>
                </li>

            </ul>
        </div>

        <div class="bg_main">
            <!-- 用户头像 -->
            <ul class="attention_usear">
                <li>
                    <div class="head_portrait">
                        <img src="../imgs/dog.jpg">
                        <div class="text">
                            <span>用户名</span>
                            <p>XX省, XX市</p>
                        </div>

                    </div>
                    <div class="attention_btn on">
                        已关注
                    </div>
                </li>
            </ul>
            <div class="txt">
                <p>
                    有这么一bai句话：“生命在于运动。
                    du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。
                    我最喜欢的一项运动就是晨跑。<a href="#">...全部</a>
                </p>
            </div>
            <!-- 图片 -->
            <ul class="img">
                <li>
                    <img src="../imgs/dog.jpg">
                    <div class="bottom">
                        <p>4小时之前</p>
                        <p>
                            <img src="../imgs/点赞-c.png"></img>
                            <span class="num">9999</span>
                            <img src="../imgs/评论.png"></img>
                            <span>全部评论</span>
                        </p>
                    </div>
                </li>

            </ul>
        </div>


    </div>
    </div>
</body>

</html>